<template>
  <div>
    <ul>
      <li>query老师姓名：{{ $route.query.name }}</li>
      <li>query教授课程：{{ $route.query.course }}</li>
      <li>params老师姓名：{{ name }}</li>
      <li>params教授课程：{{ course }}</li>
      <li>完整结构：{{ route }}</li>
      <li>useRoute的完整结构：{{ myroute.fullPath }}</li>
    </ul>
  </div>
</template>

<script setup lang="ts">
import { useRoute } from "vue-router";

//大可不必，因为所有的路径中的参数解析出来都作为string了。
// const props = defineProps<{
//   name: string;
//   course: number;
// }>();
// const props = defineProps(["course", "name"]);
const props = defineProps(["route", "course", "name"]);
const myroute = useRoute();
</script>

<style scoped>
ul {
  text-align: center;
  font-size: 20px;
  color: cornflowerblue;
  list-style-type: none;
}
</style>
